<template>
  <div>
  <!-- <div style="display: flex;justify-content: center">
      <div style="display: flex;flex-direction:row;justify-content:flex-start;flex-wrap: wrap;width: 80%">
        <div v-for="(item,index) in cardList" :key="index" style="flex: 0 0 33%">
          <div style="width: auto;padding: 20px 0px;margin: 15px 30px;display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 2px solid #CC020C;border-radius:12px;box-shadow: 0px 5px 15px 0px rgb(0 0 0 / 15%);">
            <div>
              今日{{ item.topic }}{{ item.today }}
            </div>
            <div>
              昨日{{ item.yesterday }}{{ item.tb | formTb }}
            </div>
          </div>
        </div>
      </div>
    </div>
    <div style="display: flex;flex-direction:row;justify-content:space-around;flex-wrap: wrap">
      <div v-for="(statItem,index) in statItemList" :key="index" style="flex: 0 0 75%;margin: 10px 20px;">
        <StatItem :stat-item="statItem"/>
      </div>
    </div>-->
  </div>
</template>

<script>
export default {
  name: 'Index',
  data() {
    return {
      cardList: [],
      statItemList: []
    }
  },
  mounted: {

  },
  created() {
  },
  methods: {
  }
}
</script>

<style scoped>

</style>
